<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>天天生鲜-用户中心</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script src="js/jquery-1.12.4.min.js"></script>
</head>
<script>
    function doPay(price, code, time) {
        location.href = "doPay?price=" + price + '&code=' + code + '&time=' + time;
    }

    $(document).ready(function () {
        getAllOrder(0, 2);
    })

    function getAllOrder(page, size) {
        $.ajax({
            url: "getAllOrder",
            data: {page: page, size: size},
            dataType: "json",
            type: "GET",
            success: function (msg) {
                var str = '';
                for (var i = 0; i < msg.data.length; i++) {
                    str = str + '<ul class="order_list_th w978 clearfix"><li class="col01">' + msg.data[i].order_time +
                        '</li><li class="col02">订单号：' + msg.data[i].order_code + '</li><li class="col02 stress">' + msg.data[i].order_status +
                        '</li></ul><table class="order_list_table w980"><tbody>' +
                        '<tr><td width="55%" >';
                    for (var j = 0; j < msg.data[i].order_items.length; j++) {
                        str = str + '<ul class="order_goods_list clearfix"><li class="col01"><img src="images/goods02.jpg"></li>' +
                            ' <li class="col02">' + msg.data[i].order_items[j].order_item_name + '<em>' + msg.data[i].order_items[j].order_item_price + '</em></li>' +
                            '<li class="col03">' + msg.data[i].order_items[j].order_item_number + '</li><li class="col04">' + msg.data[i].order_items[j].order_item_singletotalprice + '元</li></ul>';
                    }

                    str = str + '</td><td width="15%">' + msg.data[i].order_totalprice + '元</td><td width="15%">' + msg.data[i].order_status + '</td>' +
                        '<td width="15%"><a href="javascript:' + msg.data[i].order_willgo + '(' + msg.data[i].order_totalprice + ',' + msg.data[i].order_code + ',' + msg.data[i].order_time + ')" class="oper_btn">' + msg.data[i].order_willdo + '</a></td></tr></tbody></table>'

                    $("#ordercontent").html(str);
                }
                str2 = '';
                var maxPage = msg.maxPage;
                var size = msg.size;
                str2 = '<a href="javascript:getAllOrder(1,' + size
                    + ',)">首页</a>&nbsp;&nbsp;&nbsp;' +
                    '<a href="javascript:getAllOrder(' + (page - 1) + ', ' + size + ')">' + '<上一页</a>' +
                    ' <span  id="pagenum"></span >' +
                    '<a href="javascript:getAllOrder(' + (page + 1) + ', ' + size + ')">下一页></a>' +
                    '<a href="javascript:getAllOrder(' + maxPage + ',' + size
                    + ')">尾页</a>';
                ;
                $("#updown").html(str2);
                var myindex = msg.maxPage;
                if (myindex != '') {
                    myindex = parseInt(myindex);
                    var str3 = '';
                    for (var i = 0; i < myindex; i++) {
                        if ((i + 1) == page) {
                            str3 = str3 + '<a href="javascript:getAllOrder(' + (i + 1) + ', ' + size + ')" class="active">' + (i + 1) + '</a>';
                        } else {
                            str3 = str3 + '<a href="javascript:getAllOrder(' + (i + 1) + ', ' + size + ')" >' + (i + 1) + '</a>';
                        }

                    }
                    $("#pagenum").html(str3);


                }

            }
        })

    }
</script>
<body>
<div class="header_con">
    <div class="header">
        <div class="welcome fl">欢迎来到天天生鲜!</div>
        <div class="fr">
            <div class="login_info fl">
                欢迎您：<em>张 山</em>
            </div>
            <div class="login_btn fl">
                <a href="login">登录</a>
                <span>|</span>
                <a href="register">注册</a>
            </div>
            <div class="user_link fl">
                <span>|</span>
                <a href="user_center_info">用户中心</a>
                <span>|</span>
                <a href="cart">我的购物车</a>
                <span>|</span>
                <a href="user_center_order">我的订单</a>
            </div>
        </div>
    </div>
</div>

<div class="search_bar clearfix">
    <a href="index.html" class="logo fl"><img src="images/logo.png"></a>
    <div class="sub_page_name fl">|&nbsp;&nbsp;&nbsp;&nbsp;用户中心</div>
    <div class="search_con fr">
        <input type="text" class="input_text fl" name="" placeholder="搜索商品">
        <input type="button" class="input_btn fr" name="" value="搜索">
    </div>
</div>

<div class="main_con clearfix">
    <div class="left_menu_con clearfix">
        <h3>用户中心</h3>
        <ul>
            <li><a href="user_center_info">· 个人信息</a></li>
            <li><a href="user_center_order" class="active">· 全部订单</a></li>
            <li><a href="user_center_site">· 收货地址</a></li>
        </ul>
    </div>
    <div class="right_content clearfix">
        <h3 class="common_title2">全部订单</h3>
        <div id="ordercontent">

        </div>


        <div class="pagenation" id="updown">

        </div>
    </div>
</div>


<div class="footer">
    <div class="foot_link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>
    </div>
    <p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
    <p>电话：010-****888 京ICP备*******8号</p>
</div>

</body>
</html>